.container {
    .disabled {
        background-color: #ccc;
        
    }

    .tab {
        width: 340px;
        margin: 10px auto;

        .item {
            width: 170.14px;
            height: 34.72px;
            background: #ffffff;
            border-radius: 0px 6.94px 6.94px 0px;
            justify-content: center;


            font-size: 15.28px;
            font-family: Microsoft YaHei, Microsoft YaHei-Regular;
            font-weight: bold;
            text-align: left;
            color: #333333;

            &:nth-child(1) {
                border-radius: 6px 0 0 6px;
            }

            &:nth-child(2) {
                border-radius: 0 6px 6px 0;
            }

            img {
                width: 16px;
                height: 16px;
                margin-right: 12px;
            }

            &.currentTab {
                font-size: 15.28px;
                font-family: Microsoft YaHei, Microsoft YaHei-Regular;
                font-weight: bold;
                text-align: left;
                color: #ffffff;
                width: 170.14px;
                height: 34.72px;
                background: linear-gradient(0deg, #ffffff -90%, rgba(255, 255, 255, 0.00) 100%), #0aa7f4;
            }
        }
    }

    .container_main {
        /deep/ .van-sidebar {
            width: 90px;

            a.van-sidebar-item--select {
                background-color: #fff;

                &::before {
                    width: 5.56px;
                    height: 15.97px;
                    background: linear-gradient(-10deg, rgba(255, 255, 255, 0.30) 0%, rgba(255, 255, 255, 0.00) 100%), #2aa1ec;
                    border-radius: 2.78px;
                }
            }

            background-color: #f4f6fa;

            .van-sidebar-item {
                background-color: #f4f6fa;
            }
        }

        .list {
            width: 285.07px;
            // height: 636.81px;
            height: 100%;
            overflow: auto;
            background: #ffffff;

            padding-left: 10px;

            .item {
                height: 108px;
                border-bottom: 0.35px solid #ddd;

                .info {
                    justify-content: space-between;
                    height: 90px;

                    .name {
                        width: 162.32px;
                        font-size: 15.28px;
                        font-family: Microsoft YaHei, Microsoft YaHei-Regular;
                        font-weight: 400;
                        text-align: left;
                        color: #333333;
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                    }

                    .btn {
                        align-self: self-end;
                        font-size: 13.19px;
                        font-family: Microsoft YaHei, Microsoft YaHei-Regular;
                        font-weight: 400;
                        text-align: center;
                        color: #ffffff;
                        width: 76.39px;
                        height: 34.72px;
                        margin-bottom: 0;
                        border-radius: 6.94px;
                    }

                    .info_bottom {
                        .charge {
                            .text {
                                font-size: 10.42px;
                                font-family: Microsoft YaHei, Microsoft YaHei-Regular;
                                font-weight: 400;
                                text-align: left;
                                color: #888888;
                            }

                            .sum {
                                font-size: 11.81px;
                                font-family: Microsoft YaHei, Microsoft YaHei-Regular;
                                font-weight: 400;
                                text-align: left;
                                color: #333333;
                            }
                        }
                    }

                    .deadline {
                        img {
                            width: 11px;
                            height: 11px;
                        }

                        font-size: 11.81px;
                        font-family: Microsoft YaHei,
                        Microsoft YaHei-Regular;
                        font-weight: 400;
                        text-align: left;
                        color: #ff9500;
                    }
                }

                img {
                    border-radius: 10px;
                    width: 90px;
                    height: 90px;
                    margin-right: 9px;
                }
            }
        }
    }

    .team {
        .item {
            width: 354.17px;
            height: 266.32px;
            background: #ffffff;
            border-radius: 6.94px;
            margin: 10px auto;
            padding: 24px 10px 15px 13px;

            .task_info {
                margin-top: 17px;

                img {
                    width: 70px;
                    height: 70px;
                    border-radius: 10px;
                    margin-right: 13px;
                }

                >.info {
                    justify-content: space-around;

                    >.name {
                        width: 254px;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                        font-size: 15.28px;
                        font-family: Microsoft YaHei, Microsoft YaHei-Regular;
                        font-weight: 400;
                        text-align: left;
                        color: #666666;
                    }

                    .deadline {
                        font-size: 14.58px;
                        font-family: Microsoft YaHei, Microsoft YaHei-Regular;
                        font-weight: 400;
                        text-align: left;
                        color: #ff9500;
                    }

                    .progress_bar {
                        width: 118.06px;
                        height: 9.03px;
                        background: rgba(136, 136, 136, 0.2);
                        border-radius: 4.51px;

                        .fill {
                            border-radius: 4.51px;
                            height: 100%;
                        }
                    }
                }

                .btn {
                    position: absolute;
                    right: 0;
                    top: 0;
                    width: 76.39px;
                    height: 34.72px;
                    font-size: 13.19px;
                    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
                    font-weight: 400;
                    text-align: center;
                    color: #ffffff;
                    transform: translateY(54px);
                }
            }

            .completeness {
                margin-top: 17px;
                white-space: nowrap;
                margin-bottom: 12px;
            }

            div.start_end_time {
                width: auto;
                height: auto;
                margin-top: 9px;
                margin-bottom: 23px;

                .start_time,
                .end_time {
                    width: 138.89px;
                    height: 20.83px;
                    background: rgba(136, 136, 136, 0.00);
                    border: 0.35px solid #aaaaaa;
                    border-radius: 4.86px;
                    text-align: center;
                }

                span {
                    margin: 0 7px;
                }
            }

            .footer {
                >div {
                    font-size: 12.5px;
                    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
                    font-weight: 400;
                    text-align: left;
                    color: #666666;
                }
            }

            .row,
            .time_title {
                width: 150px;
                height: 12.85px;
                height: 12px;
                font-size: 12.5px;
                font-family: Microsoft YaHei, Microsoft YaHei-Regular;
                font-weight: 400;
                text-align: left;
                color: #666666;
            }

            >.name {
                font-size: 16.67px;
                font-family: Microsoft YaHei, Microsoft YaHei-Regular;
                font-weight: 400;
                text-align: left;
                color: #333333;

            }
        }
    }
}